<template>
    <div>
      <router-view></router-view>
      <!-- <van-loading type="spinner" v-if="isLoading" class="loadin"/> -->
      <van-loading size="24px" type="spinner" v-if="isLoading" class="loadin" text-color="rgb(233, 34, 77)">加载中...</van-loading>
    </div>
        
</template>

<script>
import {mapState} from "vuex";
import "animate.css"
export default {
  name: 'App',
  components: {
   
  },
  computed:{
    ...mapState(["isLoading"])
  }
}

</script>

<style scoped>
.loadin{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 100;
  color: rgb(233, 34, 77);
}
</style>
